<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="./layui/css/layui.css">
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./css/public.css">
		<link rel="stylesheet" href="./css/index.css">
		<title>飞鸟</title>
	</head>
	<body>
		<div class="head w-m clearfix">
			<!-- 已登录 -->
			<div class="logo">
				<img src="./img/flylogo.png" alt="" srcset="">
				<span>飞鸟图库</span>
			</div>
			<div class="info">
				<img src="./img/user.png" alt="">
				<span>尖尖上设计</span>
				<img src="./img/cor.png" alt="" srcset="">
				<span>余额</span>
				<img src="./img/money.png" alt="" srcset="">
				<span>￥52</span>
				<span>在线充值</span>
			</div>
			<!-- 未登录 -->
			<div class="login">
				<span>
					<a href="javascript:void(0)" id="dl">登录</a> / <a href="javascript:void(0)" id="zc">注册</a>
				</span>
				<span>余额</span>
				<img src="./img/money.png" alt="" srcset="">
				<span>￥0</span>
				<span id="zxcz">在线充值</span>
			</div>
		</div>
		<!-- banner -->
		<div class="bg">

			<div class="search w-m" id="searchwm">
				<h1>海量素材 超100W次下载</h1>
				<div class="input-wrap">
					<ul id="inputul" class="clearfix">
						<li class="li1">
							<span>站酷海洛</span>
							<img class="img1" src="./img/input1.png" alt="" srcset="">
							<img class="img2" src="./img/input2.png" alt="" srcset="">
							<img class="img3 hid" src="./img/input3.png" alt="" srcset="">
							<img class="img4 hid" src="./img/input4.png" alt="" srcset="">
						</li>
						<li class="li2 on">
							<span>Shutterstock</span>
							<img class="img11 hid" src="./img/input1.png" alt="" srcset="">
							<img class="img22 hid" src="./img/input2.png" alt="" srcset="">
							<img class="img33" src="./img/input3.png" alt="" srcset="">
							<img class="img44" src="./img/input4.png" alt="" srcset="">
						</li>
						<li class="li3">
							<span>Fotolia</span>
						</li>
						<li class="li4">
							<span>iStockphoto</span>
						</li>
						<li class="li5">
							<span>Depositphotos</span>
						</li>
						<li class="li6">
							<span>Dreamstime</span>
						</li>
						<li class="li7">
							<span>Bigstockphoto</span>
						</li>
						<li class="li8">
							<span>123rf</span>
						</li>
					</ul>
					<div class="input clearfix">
						<div class="one clearfix">
							<div class="tupian">
								<span>图片</span>
								<i style="vertical-align: middle;" class="layui-icon layui-icon-triangle-d"></i>
								<p id="ship">视频</p>
							</div>
							<img id="categorytu" style="margin:0 8px 0 17px;" src="./img/shutterstock.png" alt="" srcset="">
							<img id="toggletu" src="./img/input3.png" alt="" srcset="">
						</div>
						<div class="two">
							<input type="text" placeholder="请输入需要下载的文件ID" id="serachid">
						</div>
						<div class="three">
							<img src="./img/yyww.png" alt="">
							<span class="shuoming" style="vertical-align: middle; cursor: pointer;">下载说明</span>
						</div>
					</div>
				</div>
				<div class="search-btn">
					<span>立即搜索</span>
					<img src="./img/click.png" alt="" srcset="">
				</div>
			</div>




			<div class="tuku w-m">
				<div class="logo">
					<p>飞鸟图库</p>
					<p>FEINIAOTUKU</p>
				</div>
				<ul class="clearfix">
					<li>
						<div>
							<img src="./img/tuku1.png" alt="" srcset="">
						</div>	
						<p>支持8个平台下载</p>
						<p>素材广，使用不发愁</p>
						<div data-title='0'>
							<p>海量素材</p>
							<p>MORE</p>
						</div>
					</li>
					<li>
						<div>
							<img src="./img/tuku2.png" alt="" srcset="">
						</div>
						<p>采用xx技术</p>
						<p>技术下载 ，无需等待</p>
						<div data-title='1'>
							<p>极速下载</p>
							<p>FAST</p>
						</div>
					</li>
					<li>
						<div>
							<img src="./img/tuku3.png" alt="" srcset="">
						</div>
						<p>安全运行5年+</p>
						<p>不断升级，只为更好体验</p>
						<div data-title='2'>
							<p>平台稳固</p>
							<p>STABLE</p>
						</div>
					</li>
					<li>
						<div>
							<img src="./img/tuku4.png" alt="" srcset="">
						</div>
						<p>200w忠实用户群</p>
						<p>设计师的好帮手</p>
						<div data-title='3'>
							<p>超200W用户</p>
							<p>MANY USERS</p>
						</div>
					</li>
				</ul>
				<ul class="clearfix">
					<li>
						<img src="./img/tuku11.png" alt="" srcset="">
						<span>日均下载量50w+</span>
					</li>
					<li>
						<img src="./img/tuku22.png" alt="" srcset="">
						<span>最快3秒下载素材</span>
					</li>
					<li>
						<img src="./img/tuku33.png" alt="" srcset="">
						<span>优惠力度大</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="foot">
			<a href="" style="color: #6d97ff;">COPYRIGHT (©) 2018 版权所有： 飞鸟图库 皖icp备案：2919191929</a>
		</div>
		<!-- 绑定手机号 -->
		<div class="telTC" style="display: none;">
			<div class="telTC-wrap clearfix" id="bdwrap">
				<div class="right">
					<i class="closebtn layui-icon layui-icon-close"></i>
					<div class="title">
						<p class="p1">绑定手机号</p>
						<p class="p2">立即赠<span>2</span>元</p>
					</div>
					<div class="telinput">
						<img src="./img/phone.png" alt="" srcset="">
						<input id="bdtelText" type="text" placeholder="请输入手机号">
					</div>
					<div class="telinput telinputcopy">
						<input id="bdyzmText" type="text" placeholder="请输入验证码">
						<span id="yzm">获取验证码</span>
					</div>
					<p id="bdBtn">立即绑定</p>
				</div>
				<div class="left">
					<img src="./img/telTCtu.png" alt="" srcset="">
				</div>
			</div>
		</div>
		<!-- 登陆弹窗 -->
		<div id="dltc" class="telTC tcLogin" style="display: none;">
			<div class="telTC-wrap clearfix">
				<div class="right">
					<i class="closebtn layui-icon layui-icon-close"></i>
					<div class="title" style="background: #fff;width: auto;height: auto;">
						<img src="./img/flylogo.png" alt="" srcset="">
						<span style="color: #333333;
						font-size: 27px;
						vertical-align: middle;
						font-weight: bolder;">飞鸟图库</span>
						<p>海量素材 超100W次下载</p>
					</div>
					<div class="infoLogin clearfix">
						<ul>
							<li>
								<a href="#">
									<img src="./img/wxlogin.png" alt="" srcset="">
									<p id="wxdl1">微信登陆</p>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" id="shouji">
									<img src="./img/sjlogin.png" alt="" srcset="">
									<p>手机登陆</p>
								</a>
							</li>
						</ul>
					</div>
					<div class="zhuce">没有账号 <a href="javascript:void(0)" id="aljzc">立即注册</a></div>
				</div>
				<div class="left">
					<img src="./img/tcLogintu.png" alt="" srcset="">
				</div>
			</div>
		</div>
		<!-- 手机登陆 -->
		<div id="sjdl" class="telTC phoneLogin tcLogin" style="display: none;">
			<div class="telTC-wrap clearfix" id="sjlogin">
				<div class="right">
					<i class="closebtn layui-icon layui-icon-close"></i>
					<div class="title" style="background: #fff;width: auto;height: auto;">
						<img src="./img/flylogo.png" alt="" srcset="">
						<span style="color: #333333;
							font-size: 27px;
							vertical-align: middle;
							font-weight: bolder;">飞鸟图库</span>
						<p>海量素材 超100W次下载</p>
					</div>
					<div class="telinput">
						<img src="./img/phone.png" alt="" srcset="">
						<input type="text" placeholder="请输入手机号" id="sjtelText">
					</div>
					<div class="telinput telinputcopy">
						<input type="text" placeholder="请输入验证码" id="sjyzmText">
						<span id="yzm2">获取验证码</span>
					</div>
					<p id="sjBtn">登陆</p>
					<div class="wxlogin"><a id="wxdl2" href="javascript:void(0)">微信登陆</a></div>
					<div class="zhuce">没有账号 <a href="javascript:void(0)" id="ljzc">立即注册</a></div>
				</div>
				<div class="left">
					<img src="./img/tcLogintu.png" alt="" srcset="">
				</div>
			</div>
		</div>
		<!-- 卡密充值 -->
		<div class="chongzhi telTC" style="display: none;">
			<div class="chongzhi-wrap" id="kmczWrap">
				<i class="closebtn layui-icon layui-icon-close"></i>
				<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
					<ul class="layui-tab-title">
						<li class="layui-this">在线充值</li>
						<li>卡密充值</li>
					</ul>
					<div class="layui-tab-content" style="height: 100px;">
						<div class="layui-tab-item  layui-show content2" id="kmcz2">
							<ul class="clearfix">
								<li>
									<p>￥100</p>
									<p>冲100得105元</p>
								</li>
								<li>
									<p>￥200</p>
									<p>冲100得105元</p>
								</li>
								<li>
									<p>￥300</p>
									<p>冲100得105元</p>
								</li>
								<li>
									<p>￥400</p>
									<p>冲100得105元</p>
								</li>
								<li class="on">
									<p>￥500</p>
									<p>冲100得105元</p>
								</li>
								<li>
									<p style="font-size: 18px;">其他金额</p>
									<p>
										<input type="text" style="padding: 6px 0;font-size: 14px;width: 80%;border:0;background:#f5f5f5;text-align: center"
										 placeholder="请输入金额">
									</p>
								</li>
							</ul>
							<div class="ewm">
								<p>待支付 <span>￥500</span></p>
								<img style="width:160px;" src="./img/ewm2.png" alt="" srcset="">
								<p style="font-size: 15px;margin-top: 20px;">
									<img style="width: 35px;" src="./img/zfb2.png" alt="" srcset="">
									&nbsp;打开支付宝扫一扫付款
								</p>
							</div>

						</div>
						<div class="layui-tab-item content1" id="kmcz1">
							<div class="telinput">
								<input type="text" placeholder="请输入点卡卡号" id="kmczNum">
							</div>
							<div class="telinput">
								<input type="text" placeholder="请输入点卡密钥" id="kmczMimi">
							</div>
							<div class="telinput" style="position: relative">
								<input type="text" placeholder="请输入验证码" id="kmczYzm">
								<div style="height:55px;position: absolute;right: 0;top: 0;cursor: pointer;">
									<img style="display: block;height: 100%;" src="./img/yzmtu.png" alt="" srcset="">
								</div>
							</div>
							<p id="kmczBtn">点击充值</p>
						</div>

					</div>
				</div>
			</div>
		</div>

		<!-- 用户条列 -->
		<div class="rule" style="display: none">
			<div class="rule-wrap">
				<p>用户条列</p>
				<div class="rInfo">
					<p>提示：在使用本站前，请您务必仔细阅读并透彻理解本声明。</p>
					<ul>
						<li>01 / 我们承诺服务到位满意为止，如有任何问题请您及时联系我们，我们一定全力以赴。本站一经充 值恕不退款，望见谅！</li>
						<li>02 / 如果以下情况，我们将不退还钱款：</li>
						<li style="margin-bottom: 0">打开两个页面同时下载两张或两张以上相同的文件。</li>
						<li style="margin-bottom: 0">非正常操作，双击或多次点击确认下载按钮</li>
						<li style="margin-bottom: 0">您的浏览器奔溃/错误，程序错误等等</li>
						<li style="margin-bottom: 0">由作者上传文件或第三方服务器崩溃的错误。</li>
						<li>错误的互联网连接问题</li>
						<li>03 / 如第三方网站维护/无法正常访问/关闭等，我们将及时发布公告进行通知！</li>
						<li>04 / 本站代下所有文件，只提供个人编辑使用不可以商用，引起版权纠纷由您自行承担，如需商用请前往原网站购买。</li>
						<li>05 / 三天内您可以免费重新下载“下载历史”的每个图像！</li>
						<li>06 / 我们保证代下载的默认矢量，如没有矢量则为最高尺寸JPG。文件格式：EPS / JPG / ZIP</li>
						<li>07 / 如果您看到的图标网站为 【更新状态】，通常需要15分钟至8小时（非工作日可能会更久） 此时您可以选择其他网站下载。</li>
						<li>08 / 如果下载的文件是缓慢或不稳定的连接，请检查您的网络连接，建议重启路由器后再试！</li>
						<li>09 / 当您【注册】/【登录】并开始使用本站，您的使用行为将被视为对本声明全部内容的认可。</li>
						<li>10/ 如果您不理解这些规则，您必须立即离开并关闭本网站！</li>
						<li>11 / 如果用户违反使用声明，您将永远禁止帐户！</li>
						<li>12 / 我们保留随时更改任何条款，规则，条件或本网站的政策，在我们的任何时间自行决定的权利。</li>
					</ul>
					<div>我知道了</div>
				</div>
			</div>
		</div>

		<!-- 手机注册 -->
		<div id="sjzc" class="telTC phoneLogin tcLogin" style="display: none">
			<div class="telTC-wrap clearfix" id="zcWrap">
				<div class="right">
					<i class="closebtn layui-icon layui-icon-close"></i>
					<div class="title" style="background: #fff;width:auto;height:auto;">
						<img src="./img/flylogo.png" alt="" srcset="">
						<span style="color: #333333;
							font-size: 27px;
							vertical-align: middle;
							font-weight: bolder;">飞鸟图库</span>
						<p>海量素材 超100W次下载</p>
					</div>
					<div class="telinput">
						<img src="./img/phone.png" alt="" srcset="">
						<input type="text" placeholder="请输入手机号" id="zctelText">
					</div>
					<div class="telinput telinputcopy" style="margin:22px 0;">
						<input type="text" placeholder="请输入验证码" id="zcYzm">
						<span id="yzm3">获取验证码</span>
					</div>
					<div class="telinput" style="margin-bottom: 37px;">
						<img src="./img/mima.png" alt="" srcset="">
						<input type="text" placeholder="请输入密码" id="zcMima">
					</div>
					<p id="zcBtn">立即注册</p>
					<div class="zhuce">已有账号 <a href="javascript:void(0)" id="ljdl">立即登陆</a></div>
				</div>
				<div class="left">
					<img src="./img/tcLogintu.png" alt="" srcset="">
				</div>
			</div>
		</div>

		<!-- 下载说明 -->
		<div class="telTC xzsm" style="display: none">
			<div class="xzsm-wrap">
				<i class="closebtn layui-icon layui-icon-close"></i>
				<div class="title">下载说明</div>
				<div class="con clearfix">
					<div class="right">
						<div class="rTop">
							<p>情人节矢量插画</p>
							<ul>
								<li>
									<span id="text" style="border: 2px solid #ff4949;padding: 4px 6px;margin-left: -8px;margin-right: 10px;">编号：2235189026</span>
									<span id='copybtn' style="font-size: 16px;color:#ff4949;cursor: pointer;">复制</span>
								</li>
								<li>版权：Emily_studio</li>
								<li>格式：矢量图 可以任您放大或缩小尺寸也不会失去图像解像度</li>
								<li>
									<img src="./img/yw.png" alt="" srcset="">
									<span>商业用途</span>
								</li>
							</ul>
							<ul class="clearfix">
								<li>
									<img src="./img/start.png" alt="" srcset="">
									<span>收藏本图</span>
								</li>
								<li>
									<img src="./img/question.png" alt="" srcset="">
									<span>咨询客服</span>
								</li>
							</ul>
						</div>
						<div class="rBottom">
							<img src="./img/yw.png" alt="" srcset="">
							<span>如何选择</span>
							<p class="on">标准授权</p>
							<p>扩展授权</p>
						</div>
					</div>
					<div class="left">
						<img src="./img/left.png" alt="" srcset="">
					</div>

				</div>
				<div class="bottom">
					<div class="one">
						<span>1</span>
						<p>将素材右侧编号复制</p>
					</div>
					<div class="two">
						<span>2</span>
						<p>到飞鸟图库搜索框粘贴，点击搜索</p>
					</div>
					<p></p>
				</div>
			</div>
		</div>
		<script src="./layui/layui.js"></script>
		<script>
			// 校验手机号函数
			function isTelCode(str) {
				var reg = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/;
				return reg.test(str);
			}
			// 
			layui.use(['util', 'jquery', 'layer', 'element'], function() {
				function copyText() {
					var text = document.getElementById("text").innerText.match(/：(\S+)/)[1];
					var textarea = document.createElement("textarea");
					textarea.style.position = 'absolute';
					textarea.style.opacity = 0;
					document.getElementById("text").parentNode.appendChild(textarea);
					textarea.value = text; // 修改文本框的内容
					textarea.select(); // 选中文本
					document.execCommand("copy"); // 执行浏览器复制命令
					layer.open({
						content: '复制成功！！',
						btn: '确定'
					});
				}


				var $ = layui.$;
				var element = layui.element;
				var util = layui.util;
				var layer = layui.layer;
				$('#shouji').click(function() {
					$('#dltc')[0].style.display = 'none';
					$('#sjdl')[0].style.display = 'block';
				})
				$('#aljzc').click(function() {
					$('#dltc')[0].style.display = 'none';
					$('#sjzc')[0].style.display = 'block';
				})
				$('#wxdl2').click(function() {
					$('#dltc')[0].style.display = 'block';
					$('#sjdl')[0].style.display = 'none';
				})
				$('#ljzc').click(function() {
					$('#sjzc')[0].style.display = 'block';
					$('#sjdl')[0].style.display = 'none';
				})
				$('#dl').click(function() {
					$('#sjdl')[0].style.display = 'block';
				})
				$('#zxcz').click(function() {
					$('.chongzhi ')[0].style.display = 'block';
				})
				$('#ljdl').click(function() {
					$('#sjdl')[0].style.display = 'block';
					$('#sjzc')[0].style.display = 'none';
				})
				$('#zc').click(function() {
					$('#sjzc')[0].style.display = 'block';
				})
				
				$('.shuoming').click(function() {
					$('.xzsm')[0].style.display = 'block';
				})
				// 下载说明list切换
				$('.rBottom').find('p').click(function() {
					$(this).addClass('on').siblings().removeClass('on')

				})

				// 卡密充值界面list

				$('#kmcz2 ul li').click(function() {
					$(this).addClass('on').siblings().removeClass("on");
					var value = $(this).find('p:first-child').html()
					// console.log(value);
					if (value == '其他金额') {
						// $(this).find('p:last-child > input')[0].onblur = function() {
						// 	var value1 = $(this).val();
						// 	$('.ewm > p > span').html( "￥"+value1);
						// }
						var obj = {};
						Object.defineProperty(obj, 'test', {
							set: (newVal) => {
								$(this).find('p:last-child > input')[0].value = newVal;
								$('.ewm > p > span')[0].innerHTML = "￥" + newVal;
							}
						});
						$(this).find('p:last-child > input')[0].addEventListener('input', (e) => {
							obj.test = e.target.value;
						})

						return;
					}
					$('.ewm > p > span').html(value);
				})
				// 注册页面
				$('#zctelText')[0].onblur = function() {
					var zctelTexttvalue = this.value;
					if (!isTelCode(zctelTexttvalue)) {
						layer.tips(
							'<p style="color:#fff;">请输入正确的手机号~~</p>',
							'#zctelText', {
								tips: [3, '#0066ff'],
								anim: 6,
								time: 2500,
							}
						);
					} else {
						return true;
					}
				}
				$('#zcYzm')[0].onblur = function() {
					var zcYzmvalue = this.value;
					if (!zcYzmvalue) {
						layer.tips(
							'<p style="color:#fff;">请输入验证码~~</p>',
							'#zcYzm', {
								tips: [3, '#0066ff'],
								anim: 6,
								time: 2500,
							}
						);
					} else {
						return true;
					}
				}
				$('#zcMima')[0].onblur = function() {
					var zcMimavalue = this.value;
					if (!zcMimavalue) {
						layer.tips(
							'<p style="color:#fff;">请输入密码~~</p>',
							'#zcMima', {
								tips: [3, '#0066ff'],
								anim: 6,
								time: 2500,
							}
						);
					} else {
						return true;
					}
				}
				// 绑定手机号验证
				$('#bdtelText')[0].onblur = function() {
					var bdtelTextvalue = this.value;
					if (!isTelCode(bdtelTextvalue)) {
						layer.tips(
							'<p style="color:#fff;">请输入正确的手机号~~</p>',
							'#bdtelText', {
								tips: [3, '#0066ff'],
								anim: 6,
								time: 2500,
							}
						);
					} else {
						return true;
					}
				}
				// 登陆界面手机号验证
				$('#sjtelText')[0].onblur = function() {
					var sjtelTextvalue = this.value;
					if (!isTelCode(sjtelTextvalue)) {
						layer.tips(
							'<p style="color:#fff;">请输入正确的手机号~~</p>',
							'#sjtelText', {
								tips: [3, '#0066ff'],
								anim: 6,
								time: 2500,
							}
						);
					} else {
						return true;
					}
				}
				// 卡密充值界面点卡卡号验证
				$('#kmczNum')[0].onblur = function() {
					var kmczNumvalue = this.value;
					if (!kmczNumvalue) {
						layer.tips(
							'<p style="color:#fff;">请输入点卡卡号~~</p>',
							'#kmczNum', {
								tips: [3, '#0066ff'],
								anim: 6,
								time: 2500,
							}
						);
					} else {
						return true;
					}
				}
				$('#kmczMimi')[0].onblur = function() {
					var kmczMimivalue = this.value;
					if (!kmczMimivalue) {
						layer.tips(
							'<p style="color:#fff;">请输入点卡密钥~~</p>',
							'#kmczMimi', {
								tips: [3, '#0066ff'],
								anim: 6,
								time: 2500,
							}
						);
					} else {
						return true;
					}
				}
				$('#kmczYzm')[0].onblur = function() {
					var kmczYzmvalue = this.value;
					if (!kmczYzmvalue) {
						layer.tips(
							'<p style="color:#fff;">请输入验证码~~</p>',
							'#kmczYzm', {
								tips: [3, '#0066ff'],
								anim: 6,
								time: 2500,
							}
						);
					} else {
						return true;
					}
				}

				// 绑定验证码验证
				$('#bdyzmText')[0].onblur = function() {
					var bdyzmTextvalue = this.value;
					if (!bdyzmTextvalue) {
						layer.tips(
							'<p style="color:#fff;">请输入验证码~~</p>',
							'#bdyzmText', {
								tips: [3, '#0066ff'],
								anim: 6,
								time: 2500,
							}
						);
					} else {
						return true;
					}
				}
				// 登陆界面验证码
				$('#sjyzmText')[0].onblur = function() {
					var sjyzmTextvalue = this.value;
					if (!sjyzmTextvalue) {
						layer.tips(
							'<p style="color:#fff;">请输入验证码~~</p>',
							'#sjyzmText', {
								tips: [3, '#0066ff'],
								anim: 6,
								time: 2500,
							}
						);
					} else {
						return true;
					}
				}
				// 卡密充值
				$("#kmczBtn").click(function() {
					if ($('#kmczNum')[0].onblur()) {
						if ($('#kmczMimi')[0].onblur()) {
							if ($('#kmczYzm')[0].onblur()) {
								// 
							}
						}
					}
				})
				document.getElementById('kmczWrap').onkeyup = function(e) {
					var ev = document.all ? window.event : e;
					if (ev.keyCode === 13) {
						$('#kmczBtn').click();
					}
				};
				// 手机登陆
				$("#sjBtn").click(function() {
					if ($('#sjtelText')[0].onblur()) {
						if ($('#sjyzmText')[0].onblur()) {
							// window.open("modou.html")
						}
					}
				})
				document.getElementById('sjlogin').onkeyup = function(e) {
					var ev = document.all ? window.event : e;
					if (ev.keyCode === 13) {
						$('#sjBtn').click();
					}
				};
				//点击绑定btn
				$("#bdBtn").click(function() {
					if ($('#bdtelText')[0].onblur()) {
						if ($('#bdyzmText')[0].onblur()) {
							// window.open("modou.html")
						}
					}
				})
				document.getElementById('bdwrap').onkeyup = function(e) {
					var ev = document.all ? window.event : e;
					if (ev.keyCode === 13) {
						$('#bdBtn').click();
					}
				};
				// 注册页面
				$("#zcBtn").click(function() {
					if ($('#zctelText')[0].onblur()) {
						if ($('#zcYzm')[0].onblur()) {
							if ($('#zcMima')[0].onblur()) {
								// 
							}
						}
					}
				})
				document.getElementById('zcWrap').onkeyup = function(e) {
					var ev = document.all ? window.event : e;
					if (ev.keyCode === 13) {
						$('#zcBtn').click();
					}
				};
				// 
				$('#copybtn')[0].onclick = copyText;

				for (var index = 0; index < $('.closebtn').length; index++) {
					(function(index) {
						$('.closebtn')[index].onclick = function() {
							$('.telTC')[index].style.display = 'none';
						}
					}(index))
				}

				function yzm(str) {
					function fn1() {
						fn2();
						var endTime = new Date().getTime() + 59 * 1000 //假设为结束日期
							,
							serverTime = new Date().getTime(); //假设为当前服务器时间，这里采用的是本地时间，实际使用一般是取服务端的
						util.countdown(endTime, serverTime, function(date, serverTime, timer) {
							$(str).addClass('on')
							$(str).html(date[3] + '秒');
							if (date[3] == '0') {
								fn3();
								$(str).html('获取验证码');
								$(str).removeClass('on')
							}
						});
					}

					function fn2() {
						$(str)[0].removeEventListener('click', fn1);
					}

					function fn3() {
						$(str)[0].addEventListener('click', fn1, false);
					}
					fn3()

				}
				yzm('#yzm')
				yzm('#yzm2')
				yzm('#yzm3')



				// input
				$('.tupian').click(function() {
					$('#ship').slideToggle('fast');
				})
				$('#ship').hover(
					function() {
						this.style.background = '#4792de';
						this.style.color = '#fff';
					},
					function() {
						this.style.background = '#eee';
						this.style.color = '#666';
					})
				$('#ship').click(function() {
					if (this.innerHTML == '视频') {
						$('.tupian span')[0].innerHTML = '视频';
						this.innerHTML = '图片';
						$('#toggletu')[0].src = './img/input4.png';
					} else {
						$('.tupian span')[0].innerHTML = '图片';
						$('#ship').html('视频');
						$('#toggletu')[0].src = './img/input3.png';
					}

				})

				// 

				var i = 1;
				var arr = [
					'./img/zcool.png',
					'./img/shutterstock.png',
					'./img/adobe.png',
					'./img/istockphoto.png',
					'./img/depositphotos.png',
					'./img/dreamstime.png',
					'./img/bigstockphoto.png',
					'./img/123Rf.png'
				]
				
				$('#inputul').on('mouseover','li:not(".on")',function() {
					$(this).addClass('on1').siblings().removeClass('on1');
					if (this.className.indexOf('li1')>-1) {
						$('.li1 .img1').addClass('hid');
						$('.li1 .img2').addClass('hid');
						$('.li1 .img3').removeClass('hid');
						$('.li1 .img4').removeClass('hid');

					}else if (this.className.indexOf('li2')>-1) {
						$('.li2 .img11').addClass('hid');
						$('.li2 .img22').addClass('hid');
						$('.li2 .img33').removeClass('hid');
						$('.li2 .img44').removeClass('hid');

					}else{
						
					}	
				})
				$('#inputul').on('mouseout','li:not(".on")',function() {
					$(this).removeClass('on1');
					if (this.className.indexOf('li1')>-1) {
						$('.li1 .img1').removeClass('hid');
						$('.li1 .img2').removeClass('hid');
						$('.li1 .img3').addClass('hid');
						$('.li1 .img4').addClass('hid');

					}else if (this.className.indexOf('li2')>-1) {
						$('.li2 .img11').removeClass('hid');
						$('.li2 .img22').removeClass('hid');
						$('.li2 .img33').addClass('hid');
						$('.li2 .img44').addClass('hid');

					}else{
						
					}	
				})	
				
				$('#inputul li').click(function() {
					$(this).addClass('on').siblings().removeClass('on');
					if (this.className.indexOf('li1')>-1 || this.className.indexOf('li2')>-1) {
						$('.tupian').css('display','block');
						$('#toggletu').css('display','initial');
						$('.one').css('text-align','initial');
						$('.two input').css('width','686px')
						
					}else{
						$('.tupian').css('display','none');
						$('#toggletu').css('display','none');
						$('.one').css('text-align','center');
						$('.two input').css('width','772px')
					}
					if (this.className.indexOf('li1')>-1) {
						$('.li1 .img1').addClass('hid');
						$('.li1 .img2').addClass('hid');
						$('.li1 .img3').removeClass('hid');
						$('.li1 .img4').removeClass('hid');

						$('.li2 .img11').removeClass('hid');
						$('.li2 .img22').removeClass('hid');
						$('.li2 .img33').addClass('hid');
						$('.li2 .img44').addClass('hid');
					}else if (this.className.indexOf('li2')>-1) {
						$('.li2 .img11').addClass('hid');
						$('.li2 .img22').addClass('hid');
						$('.li2 .img33').removeClass('hid');
						$('.li2 .img44').removeClass('hid');

						$('.li1 .img1').removeClass('hid');
						$('.li1 .img2').removeClass('hid');
						$('.li1 .img3').addClass('hid');
						$('.li1 .img4').addClass('hid');
					}else{
						$('.li1 .img1').removeClass('hid');
						$('.li1 .img2').removeClass('hid');
						$('.li1 .img3').addClass('hid');
						$('.li1 .img4').addClass('hid');

						$('.li2 .img11').removeClass('hid');
						$('.li2 .img22').removeClass('hid');
						$('.li2 .img33').addClass('hid');
						$('.li2 .img44').addClass('hid');
					}
					
					$('#categorytu')[0].src = arr[$(this).index()]
					
				})
							
			$('.search-btn').click(function() {		
				var value = $('#serachid')[0].value;
				console.log(value);
				
					if (!value) {
						layer.tips(
							'<p style="color:#fff;">请输入文件ID~~</p>',
							'#serachid', {
								tips: [3, '#02a388'],
								anim: 6,
								time: 2500,
							}
						);
					}else{
						// window.open('./download.html');
						location.href = './download.html';
					}
			})
			
			document.getElementById('searchwm').onkeyup = function(e) {
					var ev = document.all ? window.event : e;
					if (ev.keyCode === 13) {
						$('.search-btn').click();
					}
				};


				// index特效
				$('.bg .tuku ul:nth-of-type(1) li >div:last-of-type').hover(
					function () {
						
					$('.bg .tuku ul:nth-of-type(1) li >div:first-of-type').eq(this.dataset.title).find('img').css({
						transform:'scale(1.5)',
						transition:'0.5s',
					})
				},function() {
					$('.bg .tuku ul:nth-of-type(1) li >div:first-of-type').eq(this.dataset.title).find('img').css({
						transform:'scale(1)'
					})
				})

				// 
			});
		</script>
	</body>
</html>
